<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="static/css/default/main.css" media="screen" />
<title>${env.title} - 系统组成及部署</title>
</head>

<body>
<div id="headLayout">
  <div class="logo"></div>
  <div class="systemInfo">
    <h1>系统组成及部署 </h1>
  </div>
</div>
<div class="titleBar">
  <div class="path"><a href="index.html">返回首页</a><span>${env.title}</span></div>
</div>
<div id="main">
  <div class="homeView">
    <div class="units">
      <div class="unitsTitle">
        <h2>主机图</h2>
      </div>
      <div class="content"> <img src="images/${env.name}_env_host_no_service.png"/> </div>
    </div>
    <div class="units">
      <div class="unitsTitle">
        <h2>部署简图</h2>
      </div>
      <div class="content"> <img src="images/${env.name}_env_host_with_service.png"/> </div>
    </div>
    <div class="units">
      <div class="unitsTitle">
        <h2>部署详图</h2>
        （含服务关系） </div>
      <div class="content"> <img src="images/${env.name}_env_host_with_service_relation.png"/> </div>
    </div>
    <div class="units">
      <div class="unitsTitle">
        <h2>已部署主机</h2>
      </div>
      <div class="content">
        <ul class="serverList host">
          <#assign count = 0>
          <#list env.hosts as host>
          <li><a href="dep_${env.name}_${host.name}_single_host.html">${host.title} </a> [${host.serviceCount}] </li>
          </#list>
        </ul>
      </div>
    </div>
    <div class="units">
      <div class="unitsTitle">
        <h2>已部署服务</h2>
      </div>
      <div class="content">
        <ul class="serverList">
          <#assign count = 0>
          <#list env.serviceSet as service>
          <li><a href="comp_${service.name}_single_service.html">${service.title} </a> </li>
          </#list>
        </ul>
      </div>
    </div>
  </div>
</div>
<div id="footer">PowerdBy  <a href="goodsl.org">goodsl.org</a></div>
</body>
</html>
